import Caption from '~/components/text/caption'
import { Image } from '~/components/media'

export const meta = {
  editUrl:
    'pages/docs/integrations/integrations-docs-mdx/examples/connect-with-github.mdx',
  lastEdited: '2019-10-15T22:03:42.000Z'
}

## Connect with GitHub

This Integration uses GitHub OAuth support to connect and receive details about a user. You can use the same process for other providers who support OAuth.

Take a look at the [code on GitHub](https://github.com/zeit/integrations/tree/master/github-connect).

<Image
  src={`${process.env.ASSETS}/docs/integrations/examples/github-connect.png`}
  width={1792/2}
  height={516/2}
/>
<Caption>An example Integration that connects to GitHub.</Caption>
